<template>
	<view class="pageBg">
		<goodsList :list="list"></goodsList>
	</view>
</template>

<script>
	import { pageScroll } from '@/utils/mixins.js';
	import goodsList from '@/components/product/goodsList/goodsList.vue';
	export default {
		components: {
			goodsList,
		},
		mixins: [pageScroll],
		data() {
			return {
				list: [],
			};
		},
		onLoad() {
			this.init();
			
		},
		methods: {
			async init() {
				const { data } = await this.$api.goodslists({ ...this.page });
				this.page.count = data.count;
				this.list = [...this.list, ...data.lists];
			},
		},
	};
</script>

<style lang="scss" scoped></style>
